{include file="header/index" /}
<script type="text/javascript" src="__JS__/layer/layer.js"></script>
<script type="text/javascript" src="__JS__/laypage/laypage.js"></script>
<script type="text/javascript" src="__JS__/laytpl/laytpl.js"></script>
<script type="text/javascript" src="__JS__/info.js"></script>
<link rel="stylesheet" href="__CSS__/laypage.css" />
<body>

<!--导航end-->
<div class="container bgwhite">
	<div class="systemAnnCenter">
		<h2 class="container-title"><img class="fl mr10 mt2" src="__IMG__/icon-gg.png"> 系统公告</h2>
		<div class="clearfix">
			<script id="list-template" type="text/html">
				{{# for(var i=0;i<d.length;i++){  }}
				<div class="systemAnn-nr" onclick="systemShow({{d[i].announcement_id}})">
					<p class="clearfix mb10"><span class="fl ellipsis">{{d[i].title}}</span>
						{{# if(i==0){ }}
						<img src="__IMG__/new.png">
						{{# } }}
					</p>
					<p>{{d[i].create_time}}</p>
				</div>
				{{# } }}
			</script>
			<div id="list-content"></div>
			<div class="clearfix" style="float:right;margin: 0 auto;">
				<span class="fl mt5" id="count">共{$count}条数据</span><span id="allpage"  class="fl  mr20 mt5"></span><span  class="fl" id="AjaxPage"></span>
			</div>
		</div>


	</div>
</div>

<!-- 加载动画 -->
<div class="spiner-example">
	<div class="sk-spinner sk-spinner-three-bounce">
		<div class="sk-bounce1"></div>
		<div class="sk-bounce2"></div>
		<div class="sk-bounce3"></div>
	</div>
</div>


<div class="systemPupop hides">
	<div>
		<h2 class="container-title  col-127">公告详情
			<a class="fr container-title-return" onclick="systemHide()">返回</a>
		</h2>
		<h3 class="system-title art-title">本月江北区业绩排名第一，大家恭喜！</h3>
		<p class="system-time mt10 mb10">
			作者：<span class="art-author">admin</span>
			<span class="art-time">2017.06.07 10:10:03</span>
			<span class="col-127 ml10 art-status">已发布</span>
		</p>
		<p class="system-txt art-content">CRM即客户关系管理，是指企业用CRM技术来管理与客户之间的关系。在不同场合下，CRM可能是一个管理学术语，可能是一个软件系统。通常所指的M，指用计算机自动化分析销售、市场营销、客户服务以及应用等流程的软件系统。它的目标是通过提高客户的价值、满意度、赢利性和忠实度来缩减销售周期和销售成本、增加收入、寻找扩展业务所需的新的市场和渠道。CRM是选择和管理有价值客户及其关系的一种商业策略，CRM要求以客户为中心的企业化来支持有效的市场营销、销售与服务流程。</p>

	</div>
</div>

<script>
    $(function(){
        Ajaxpage();
    })
    function systemShow(id){
        $(".spiner-example").css('display','black'); //数据加载完关闭动画
        $.getJSON("{:url('Announce/detail')}", {'id' : id}, function(res){
            $(".spiner-example").css('display','none'); //数据加载完关闭动画
            if(res.code==1){
                $(".art-title").html(res.data.title);
                $(".art-author").html(res.data.role_id);
                $(".art-time").html(res.data.create_time);
                /*$(".art-status").html(res.data.status);*/
                $(".art-content").html(res.data.content);
                $(".systemPupop").show();
            }

        });

    }
    function systemHide(){
        $(".systemPupop").hide();
    }

    //AJAX请求
    function Ajaxpage(curr) {
        $.getJSON('{:url("Announce/index")}', {page: curr || 1}, function (data) {
            $(".spiner-example").css('display','none'); //数据加载完关闭动画
            if (data == '') {
                $("#list-content-profile").html('<td colspan="20" style="padding-top:10px;padding-bottom:10px;font-size:16px;text-align:center">暂无数据</td>');
            } else {
                var tpl = document.getElementById('list-template').innerHTML;
                laytpl(tpl).render(data, function (html) {
                    document.getElementById('list-content').innerHTML = html;

                });
                laypage({
                    cont: $('#AjaxPage'),//容器。值支持id名、原生dom对象，jquery对象,
                    pages: {$allpage},//总页数
                    skip: true,//是否开启跳页
                    skin: '#337ab7',//分页组件颜色
                    curr: curr || 1,
                    first: '首页', //若不显示，设置false即可
                    last: '尾页', //若不显示，设置false即可
                    groups: 3,//连续显示分页数
                    jump: function (obj, first) {
                        if (!first) {
                            Ajaxpage(obj.curr)
                        }
                        $('#allpage').html('，第'+ obj.curr +'页，共'+ '<i>'+obj.pages+'</i>' +'页');
						inputlength();
                    }
                });
            }
        });
    }
</script>
</body>
</html>